import clsx from 'clsx';
import { FC } from 'react';
import './style.scss';

interface OutlookIconProps {
	isEnabled?: boolean;
}

const OutlookIcon: FC< OutlookIconProps > = ( { isEnabled = true, ...rest } ) => {
	return (
		<svg
			className={ clsx( 'social-icons social-icons__outlook', {
				'social-icons--disabled': ! isEnabled,
			} ) }
			width="20"
			height="18"
			viewBox="0 0 20 18"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
			{ ...rest }
		>
			<g clipPath="url(#clip0_406_1994)">
				<path
					d="M19.85 9.44988C19.8511 9.29857 19.7729 9.15775 19.6439 9.07863H19.6417L19.6335 9.07413L12.9286 5.10513C12.8996 5.08557 12.8696 5.06769 12.8385 5.05159C12.5797 4.91803 12.2721 4.91803 12.0132 5.05159C11.9822 5.0677 11.9522 5.08557 11.9232 5.10513L5.21827 9.07413L5.21017 9.07863C5.00525 9.20607 4.94242 9.47551 5.06986 9.68043C5.1074 9.74081 5.15912 9.79111 5.22052 9.82698L11.9255 13.796C11.9546 13.8154 11.9846 13.8332 12.0155 13.8495C12.2744 13.9831 12.5819 13.9831 12.8408 13.8495C12.8717 13.8332 12.9018 13.8154 12.9308 13.796L19.6358 9.82698C19.7698 9.74889 19.8515 9.60494 19.85 9.44988Z"
					fill="#0A2767"
				/>
				<path
					d="M6.00002 6.79995H10.4001V10.8333H6.00002V6.79995ZM18.9501 2.7V0.854996C18.9607 0.393703 18.5956 0.0110536 18.1343 0H6.71598C6.25469 0.0110536 5.88956 0.393703 5.90013 0.854996V2.7L12.6501 4.49999L18.9501 2.7Z"
					fill="#0364B8"
				/>
				<path d="M5.8999 2.69995H10.3999V6.74995H5.8999V2.69995Z" fill="#0078D4" />
				<path
					d="M14.8999 2.69995H10.3999V6.74995L14.8999 10.7999H18.9499V6.74995L14.8999 2.69995Z"
					fill="#28A8EA"
				/>
				<path d="M10.3999 6.75H14.8999V10.8H10.3999V6.75Z" fill="#0078D4" />
				<path d="M10.3999 10.8H14.8999V14.85H10.3999V10.8Z" fill="#0364B8" />
				<path d="M6 10.8333H10.4001V14.4998H6V10.8333Z" fill="#14447D" />
				<path d="M14.8999 10.8H18.9499V14.85H14.8999V10.8Z" fill="#0078D4" />
				<path
					d="M19.6439 9.8023L19.6353 9.80681L12.9303 13.5778C12.9011 13.5958 12.8714 13.6129 12.8403 13.6282C12.7265 13.6824 12.6028 13.713 12.4767 13.7182L12.1104 13.504C12.0795 13.4885 12.0494 13.4712 12.0204 13.4522L5.22545 9.57415H5.2223L5 9.44995V17.0837C5.00347 17.5931 5.41903 18.0032 5.92834 18H18.936C18.9437 18 18.9504 17.9963 18.9585 17.9963C19.0661 17.9895 19.1722 17.9673 19.2735 17.9306C19.3173 17.9121 19.3596 17.8901 19.4 17.865C19.4301 17.8479 19.4819 17.8105 19.4819 17.8105C19.7124 17.6399 19.8488 17.3705 19.85 17.0838V9.44995C19.8498 9.59596 19.7711 9.73059 19.6439 9.8023Z"
					fill="url(#paint0_linear_406_1994)"
				/>
				<path
					opacity="0.5"
					d="M19.4898 9.41983V9.88783L12.4788 14.715L5.2203 9.57733C5.2203 9.57485 5.21828 9.57283 5.2158 9.57283L4.5498 9.17233V8.83482L4.82431 8.83032L5.4048 9.16333L5.4183 9.16783L5.46779 9.19933C5.46779 9.19933 12.2898 13.0918 12.3078 13.1008L12.5688 13.2538C12.5913 13.2448 12.6138 13.2358 12.6408 13.2268C12.6543 13.2178 19.4133 9.41532 19.4133 9.41532L19.4898 9.41983Z"
					fill="#0A2767"
				/>
				<path
					d="M19.6439 9.8023L19.6353 9.80725L12.9303 13.5782C12.9011 13.5962 12.8714 13.6133 12.8403 13.6286C12.5799 13.7558 12.2754 13.7558 12.015 13.6286C11.9842 13.6134 11.9542 13.5965 11.925 13.5782L5.22005 9.80725L5.21195 9.8023C5.0825 9.73211 5.00134 9.5972 5 9.44995V17.0837C5.00322 17.593 5.41864 18.0032 5.92786 18C5.92786 18 5.92788 18 5.9279 18H18.9221C19.4313 18.0032 19.8467 17.593 19.85 17.0838C19.85 17.0838 19.85 17.0838 19.85 17.0837V9.44995C19.8498 9.59596 19.7711 9.73059 19.6439 9.8023Z"
					fill="#1490DF"
				/>
				<path
					opacity="0.1"
					d="M13.0279 13.5225L12.9276 13.5787C12.8985 13.5972 12.8685 13.6142 12.8376 13.6296C12.727 13.6838 12.6068 13.7156 12.4839 13.7232L15.0349 16.74L19.485 17.8123C19.6069 17.7202 19.7039 17.5991 19.7671 17.46L13.0279 13.5225Z"
					fill="black"
				/>
				<path
					opacity="0.05"
					d="M13.4824 13.2668L12.9276 13.5787C12.8985 13.5972 12.8685 13.6142 12.8376 13.6295C12.727 13.6838 12.6068 13.7156 12.4839 13.7231L13.6791 17.0185L19.4863 17.8109C19.7151 17.6392 19.8498 17.3698 19.8499 17.0837V16.9852L13.4824 13.2668Z"
					fill="black"
				/>
				<path
					d="M5.9405 17.9999H18.9207C19.1205 18.001 19.3153 17.9379 19.4765 17.8199L12.11 13.5049C12.079 13.4894 12.049 13.4721 12.02 13.4532L5.22499 9.57505H5.22184L5 9.44995V17.0576C4.99949 17.5776 5.42057 17.9994 5.9405 17.9999Z"
					fill="#28A8EA"
				/>
				<path
					opacity="0.1"
					d="M11.3 4.42494V14.0234C11.2992 14.36 11.0946 14.6625 10.7825 14.7884C10.6858 14.83 10.5817 14.8514 10.4765 14.8514H5V4.05009H5.9V3.6001H10.4765C10.9311 3.60182 11.299 3.97033 11.3 4.42494Z"
					fill="black"
				/>
				<path
					opacity="0.2"
					d="M10.85 4.87493V14.4734C10.8511 14.5821 10.8281 14.6897 10.7825 14.7884C10.6575 15.0964 10.3589 15.2985 10.0265 15.3001H5V4.05009H10.0265C10.1571 4.04878 10.2857 4.08135 10.4 4.14459C10.6758 4.28357 10.8499 4.56606 10.85 4.87493Z"
					fill="black"
				/>
				<path
					opacity="0.2"
					d="M10.85 4.87493V13.5734C10.8478 14.0278 10.4809 14.3961 10.0265 14.4001H5V4.05009H10.0265C10.1571 4.04878 10.2857 4.08135 10.4 4.14459C10.6758 4.28357 10.8499 4.56606 10.85 4.87493Z"
					fill="black"
				/>
				<path
					opacity="0.2"
					d="M10.4 4.8749V13.5734C10.3995 14.0285 10.0316 14.3978 9.5765 14.4H5V4.05005H9.57649C10.0315 4.05029 10.4002 4.41939 10.4 4.87445C10.4 4.8746 10.4 4.87475 10.4 4.8749Z"
					fill="black"
				/>
				<path
					d="M1.32485 4.05005H9.57514C10.0307 4.05005 10.4 4.41935 10.4 4.8749V13.1252C10.4 13.5807 10.0307 13.95 9.57514 13.95H1.32485C0.869292 13.95 0.5 13.5807 0.5 13.1252V4.8749C0.5 4.41935 0.869303 4.05005 1.32485 4.05005Z"
					fill="url(#paint1_linear_406_1994)"
				/>
				<path
					d="M3.07781 7.50961C3.28111 7.07647 3.60925 6.714 4.02011 6.46877C4.47512 6.20827 4.99318 6.0784 5.51726 6.09346C6.003 6.08292 6.4823 6.20606 6.90281 6.44941C7.29818 6.68519 7.61662 7.03066 7.81946 7.4439C8.04036 7.89926 8.15045 8.40039 8.14076 8.9064C8.15147 9.43523 8.0382 9.95922 7.81001 10.4364C7.60234 10.8644 7.2738 11.2222 6.86501 11.4655C6.42829 11.7164 5.93119 11.8427 5.42771 11.831C4.9316 11.8429 4.44174 11.7184 4.01156 11.4709C3.61277 11.2349 3.29034 10.889 3.08276 10.4746C2.86055 10.0259 2.74915 9.53038 2.75787 9.0297C2.74861 8.50537 2.85798 7.98573 3.07781 7.50961ZM4.08221 9.9531C4.1906 10.2269 4.37441 10.4644 4.61231 10.638C4.85462 10.8074 5.14477 10.8947 5.4403 10.8873C5.75503 10.8998 6.06526 10.8094 6.3241 10.6299C6.55899 10.4569 6.73797 10.2187 6.8389 9.945C6.95173 9.6393 7.00741 9.31547 7.00315 8.98965C7.00664 8.66072 6.9543 8.33358 6.84835 8.02216C6.75477 7.74099 6.58156 7.49305 6.34975 7.30846C6.0974 7.12046 5.788 7.02511 5.4736 7.03846C5.17166 7.03064 4.87501 7.1187 4.62625 7.29001C4.38433 7.46433 4.19703 7.70392 4.08625 7.98075C3.84051 8.61532 3.83923 9.31855 4.08265 9.954L4.08221 9.9531Z"
					fill="white"
				/>
				<path d="M14.8999 2.69995H18.9499V6.74995H14.8999V2.69995Z" fill="#50D9FF" />
			</g>
			<defs>
				<linearGradient
					id="paint0_linear_406_1994"
					x1="12.425"
					y1="9.44995"
					x2="12.425"
					y2="18"
					gradientUnits="userSpaceOnUse"
				>
					<stop stopColor="#35B8F1" />
					<stop offset="1" stopColor="#28A8EA" />
				</linearGradient>
				<linearGradient
					id="paint1_linear_406_1994"
					x1="2.21983"
					y1="3.40553"
					x2="8.68016"
					y2="14.5946"
					gradientUnits="userSpaceOnUse"
				>
					<stop stopColor="#1784D9" />
					<stop offset="0.5" stopColor="#107AD5" />
					<stop offset="1" stopColor="#0A63C9" />
				</linearGradient>
				<clipPath id="clip0_406_1994">
					<rect width="19.35" height="18" fill="white" transform="translate(0.5)" />
				</clipPath>
			</defs>
		</svg>
	);
};
export default OutlookIcon;
